@CHARSET "UTF-8";
/*---------------------------
transition을 사용한 애니메이션
date : 2014.10
author:pwg
----------------------------*/
#main>div{
	border:1px solid #aaaaaa;
	width:200px;
	padding:20px;
	margin:10px;
	border-radius:10px;
	color:#000000;
	box-shadow:2px 2px 3px #bbbbbb;
	background-color:#eeeeee;
	font-size:14px;
	/*애니메이션 효과를 위한 설정*/
	transform:rotate(0deg);
	-webkit-transition: transform 1s, opacity 1s, color 1s, 
						background 1s, rotate 1s, font-size 1s;	
}

#main>div:hover{
	transform:rotate(5deg);
	background-color:#000000;
	color:#ffffff;
	font-size:25px;
	-webkit-transition: transform 2s, opacity 2s, color 1s, 
						background 2s, rotate 2s, font-size 1s;	
}






